/* CSS Document */  

.mb5 { margin-bottom: 5px }/*同base.css*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0 }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }

ol, ul, li { list-style: none }

caption, th { text-align: left }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }

q:before, q:after { content: '' }

abbr, acronym { border: 0 }

a { text-decoration: none; }

.ellipsis { white-space: nowrap; }

/*文字排版*/

.f12 { font-size: 12px }

.f13 { font-size: 13px }

.f14 { font-size: 14px }

.f16 { font-size: 16px }

.f18 { font-size: 18px }

.fb { font-weight: bold }

.fn { font-weight: normal }

.t2 { text-indent: 2em }

.lh150 { line-height: 150% }

.lh180 { line-height: 180% }

.lh200 { line-height: 200% }

.unl { text-decoration: underline; }

.no_unl { text-decoration: none; }

.col999 { color: #999; }

.colfff { color: #ffffff; }

/*定位*/

.tl { text-align: left }

.tc { text-align: center }

.tr { text-align: right }

.bc { margin-left: auto; margin-right: auto; }

.fl { float: left; display: inline }

.fr { float: right; display: inline }

.cb { clear: both }

.cl { clear: left }

.cr { clear: right }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.clearfix { display: inline-block }

* html .clearfix { height: 1% }

.clearfix { display: block }

.vm { vertical-align: middle }

.pr { position: relative }

.pa { position: absolute }

.abs-right { position: absolute; right: 0 }

.zoom { zoom: 1 }

.hidden { visibility: hidden }

.none { display: none }

/*长度高度*/

.w10 { width: 10px }

.w20 { width: 20px }

.w30 { width: 30px }

.w40 { width: 40px }

.w50 { width: 50px }

.w60 { width: 60px }

.w70 { width: 70px }

.w80 { width: 80px }

.w90 { width: 90px }

.w100 { width: 100px }

.w200 { width: 200px }

.w250 { width: 250px }

.w300 { width: 300px }

.w400 { width: 400px }

.w500 { width: 500px }

.w600 { width: 600px }

.w700 { width: 700px }

.w800 { width: 800px }

.w { width: 100% }

.h30 { height: 30px }

.h80 { height: 80px }

.h100 { height: 100px }

.h200 { height: 200px }

.h { height: 100% }

/*边距*/

.m10 { margin: 10px }

.m15 { margin: 15px }

.m30 { margin: 30px }

.mt5 { margin-top: 5px }

.mt10 { margin-top: 10px }

.mt15 { margin-top: 15px }

.mt20 { margin-top: 20px }

.mt25 { margin-top: 25px }

.mt30 { margin-top: 30px }

.mt40 { margin-top: 40px }

.mt45 { margin-top: 45px }

.mt50 { margin-top: 50px }

.mt100 { margin-top: 100px }

.mb10 { margin-bottom: 10px }

.mb15 { margin-bottom: 15px }

.mb20 { margin-bottom: 20px }

.mb30 { margin-bottom: 30px }

.mb50 { margin-bottom: 50px }

.mb100 { margin-bottom: 100px }

.ml5 { margin-left: 5px }

.ml10 { margin-left: 10px }

.ml15 { margin-left: 15px }

.ml20 { margin-left: 20px }

.ml25 { margin-left: 25px }

.ml30 { margin-left: 30px }

.ml50 { margin-left: 50px }

.ml100 { margin-left: 100px }

.mr5 { margin-right: 5px }

.mr10 { margin-right: 10px }

.mr15 { margin-right: 15px }

.mr20 { margin-right: 20px }

.mr30 { margin-right: 30px }

.mr50 { margin-right: 50px }

.mr100 { margin-right: 100px }

.p10 { padding: 10px; }

.p15 { padding: 15px; }

.p30 { padding: 30px; }

.pt5 { padding-top: 5px }

.pt10 { padding-top: 10px }

.pt15 { padding-top: 15px }

.pt20 { padding-top: 20px }

.pt30 { padding-top: 30px }

.pt50 { padding-top: 50px }

.pb5 { padding-bottom: 5px }

.pb10 { padding-bottom: 10px }

.pb15 { padding-bottom: 15px }

.pb20 { padding-bottom: 20px }

.pb30 { padding-bottom: 30px }

.pb50 { padding-bottom: 50px }

.pb100 { padding-bottom: 100px }

.pl5 { padding-left: 5px }

.pl10 { padding-left: 10px }

.pl15 { padding-left: 15px }

.pl20 { padding-left: 20px }

.pl30 { padding-left: 30px }

.pl50 { padding-left: 50px }

.pl100 { padding-left: 100px }

.pr5 { padding-right: 5px }

.pr10 { padding-right: 10px }

.pr15 { padding-right: 15px }

.pr20 { padding-right: 20px }

.pr30 { padding-right: 30px }

.pr50 { padding-right: 50px }

.pr100 { padding-right: 100px }

/*广告*/

.right-gg { width: 300px; }

/*文字颜色*/

.c999 { color: #999; }

.cf30 { color: #f30 }

/*文本隐藏*/

.fs0 { font-size: 0 }

.of { overflow: hidden; }

.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*border*/

.b-t-1 { border-right: 1px solid #e6e6e7; }

.b-r-1 { border-right: 1px solid #e6e6e7; }

.b-b-1 { border-right: 1px solid #e6e6e7; }

.b-l-1 { border-right: 1px solid #e6e6e7; }

showbox { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }

/*回忆8分页*/

#pageNum { padding-bottom: 15px; padding-top: 15px; border-top: solid 0px #e9e9e9; text-align: center;/*根据不同字体字号或许需要做一定的调整*/ *word-spacing: -3px;

}

#pageNum a { text-decoration: none; padding: 10px 13px; margin: 0 2px; border: 1px solid #ccc; background: #fff; color: #333; font-size: 12px; border-radius: 3px; box-shadow: 0 1px 3px #dedede; }

#pageNum a:hover { background: #569fe8; color: #fff; border: 1px solid #0078df; }

#pageNow a { cursor: not-allowed; background: #0078df!important; color: #fff!important; font-weight: bold; border: 1px solid #0078df; }

#pageNum span{
    padding: 10px 13px; margin: 0 3px 0 6px;border: 1px solid #0078df;display: inline-block;border-radius: 2px;
    background-color: #569fe8;
    color: #fff;
}

/* ==== loding 2015-4-8 ===*/

.loding { background-image: url("../img/loding.gif"); background-repeat: no-repeat; background-position: center center; background-size: 20px; }

.loding2 { background-image: url("../img/loding2.gif")!important; background-color: #3499DA !important; background-repeat: no-repeat; background-position: center center; background-size: 20px; }

/* ==== 按钮 Buttons  2015-1-12==== */

.lang-btn { display: inline-block; position: relative; vertical-align: middle; cursor: pointer; white-space: nowrap; background-color: #22a4ff; height: 40px; line-height: 40px; font-size: 16px; color: #FFF; border: none; letter-spacing: 1px; overflow: hidden; text-align: center; border-radius: 2px; font-family:"微软雅黑";}

/* 无背景按钮 */

.lang-cancel { background: 0; color: #2d3e50 }

/* 取消按钮 */

.lang-btn-none { background: #e4e9ed; color: #2d3e50; }

.lang-btn-none:hover { background: #e4e9ed; color: #2d3e50; }

.lang-btn-c { display: inline-block; position: relative; vertical-align: middle; cursor: pointer; white-space: nowrap; background: #e4e9ed; height: 40px; line-height: 40px; font-size: 16px; color: #2d3e50; border: 0; letter-spacing: 1px; overflow: hidden; text-align: center; border-radius: 2px }

/* 修改按钮的默认状态 */

.lang-btn:active { outline: 0; box-shadow: none }

.lang-btn:focus { border: 0; outline: 0; box-shadow: none }

.lang-btn:hover { text-decoration: none}



/* 火狐兼容 */

.lang-btn::-moz-focus-inner {

border: 0;

padding: 0;

}

/* 成功 */

.lang-btn-success { background-color: #4a993e; }

/* 错误 */

.lang-btn-eroor { background-color: #b33630; }

/* 不可提交状态 */

.lang-btn-disabled { background-color: #ddd; color: #777; cursor: default; }

/* 展示 */

.lang-btn-show { background-color: #e4e9ed; color: #2d3e50; cursor: default; }

/* 关联 */

.lang-btn-relating { background-color: #b8c5ce; color: #2d3e50; }

/* 按钮文字 */

.lang-btn .lang-btn-content { padding: 0 30px; display: block; }

/* 大的 */

.lang-btn-big .lang-btn-content { padding: 0 45px; }

/* 巨大的 */

.lang-btn-huge { height: 50px; line-height: 50px; }

.lang-btn-huge .lang-btn-content { padding: 0 45px; }

/* 按钮的颜色 */

.lang-btn-col-blue { background: #3499DA; color: #fff; }

.lang-btn-col-blue:hover { background: #3da2e3; color: #fff; }

/* 固定宽度的 */

.lang-btn-fixed-small { width: 100px; }

.lang-btn-fixed-small .lang-btn-content { padding: 0; }

.lang-btn-fixed-big { width: 160px; }

.lang-btn-fixed-big .lang-btn-content { padding: 0; }

.lang-btn-fixed-Large { width: 100%; }

.lang-btn-fixed-Large .lang-btn-content { padding: 0; }

/* 小字号按钮 举报弹出框再用 */

.submit-button { width: 80px; height: 40px; background: #3499da; color: #fff; font-size: 14px; cursor: pointer; line-height: 40px; border: 0; border-radius: 2px }

.submit-button:hover { background: #3da2e3; transition: all .4s ease-in-out 0s }

.submit-button:active { background: #2e93d4 }

.mini-button-disabble { width: 80px; height: 40px; background: #b8c5ce; color: #fff; font-size: 14px; cursor: pointer; line-height: 40px; border: 0; border-radius: 2px }

.mini-button-disabble:hover { background: #c8d4db; transition: all .4s ease-in-out 0s }

.mini-button-disabble:active { background: #a9b9c3 }

/* 按钮 Buttons END */



 /* ==== 表单 Input 框 2015-2-28==== 以前的颜色b8c4ce*/

.lang-input { padding: 14px 15px; height: 20px; border: #e4e9ed 1px solid; border-radius: 2px; background: #fff; color: #5d6d7e; font-size: 16px; line-height: 20px; box-sizing: content-box; }

.lang-input:focus { border: 1px solid #3498db; box-shadow: 0 0 4px rgba(41, 128, 185, 0.4); }

/* 焦点/成功 */

.lang-input-on, .lang-input-success { border: #3498db 1px solid; box-shadow: 0 0 4px rgba(41, 128, 185, 0.4); color: #34495e; }

/* 错误 */

.lang-input-error { border: #fcab2b 1px solid; box-shadow: 0 0 4px rgba(252, 171, 43, 0.4); }

/* form 表单固定宽度 */

.w520 { width: 488px; } /* 实际宽度520-内边距左右各15px-边框2 */

.w880 { width: 848px; } /* 实际宽度520-内边距左右各15px-边框2 */

.w580 { width: 548px; } /* 实际宽度520-内边距左右各15px-边框2 */

/* textarea使用 */

.h164 { height: 130px; }

.lh20 { line-height: 24px; }

.lang-must { position: absolute; right: 11px; color: #FD8335!important; line-height: 50px!important; }

/* 表单 Input 框 END */



 /* ====注册输入框 2015-1-12==== */

.login-icon { display: block; height: 40px; width: 100%; border-bottom: #e9ecee 1px solid; margin-top: 30px; }

/* 输入框活动状态/成功 */

.login-on, .login-success { border-bottom: #3498db 1px solid; }

.login-on .log-input, .login-error .log-input, .login-success .log-input { color: #5d6d7e; }

.login-on .iconfont, .login-success .iconfont { color: #3A99D8; }

/* 错误 */

.login-error { border-bottom: #fcab2b 1px solid; }

.login-error .iconfont { color: #fcab2b; }

/* 登录输入框 */

.log-input { border: none; height: 20px; font-size: 16px; padding: 10px 2.5%; line-height: 20px; color: #b8c4ce; background: #fff; width: 90%; }

/*30/400=7.5%,360/400=90%,10/400=2.5%*/

.log-input-half { border: none; height: 20px; font-size: 16px; padding: 10px 5%; line-height: 20px; color: #b8c4ce; background: #fff; width: 80%; }/*30/200=15%,160/200=80%,10/200=5%*/

.log-input::-moz-placeholder {color: #b8c4ce;}

.log-input::-ms-input-placeholder {color: #b8c4ce;}

.log-input::-webkit-input-placeholder {color: #b8c4ce;}

.log-input:placeholder {color: #b8c4ce;}

textarea::-moz-placeholder {color: #b8c4ce;}

textarea::-ms-input-placeholder {color: #b8c4ce;}

textarea::-webkit-input-placeholder {color: #b8c4ce;}

textarea:placeholder {color: #b8c4ce;}

/* 注册输入框 end */



/*message 提醒消息*/

#ajax-hook { position: fixed; top: 0; z-index: 99999; width: 100%; }

.globalInfoTip { z-index: 20; height: 60px; width: 100%; position: relative; cursor: pointer; }

.globalInfoTip p { text-align: center; font-size: 16px; height: 30px; line-height: 30px; padding: 15px 0; color: #FFF; position: relative; }

.globalInfoTip .infoTipBack { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #3498db; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }

/* 没有任何内容的时候提示 */

.kong{ width: 100%; background: url("../img/serch-null.png") no-repeat center center; height: 700px; }



.z { float: left !important; }

.mtw { margin-top: 20px !important; }

.pos { position: relative; }



/*member*/



.layui-layer-btn .layui-layer-btn0{
    background-color: #ef3f52;
    border-color: #ef3f52;
}

.mem_leftmenu{
    margin-top: 10px;
    width: 227px;
    font-size: 16px;
    color: #b9CAE1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: solid 1px #eee;
    border-right: none;
    background-color: #f2f2f2;
    padding-bottom: 10px;
}
.mem_leftmenu a{
    display: block;
    padding: 12px;
    color: #666;
}
.mem_leftmenu ul li{
    border: none  1px;
    margin-top: 10px;
    text-align: center;
}
.mem_leftmenu ul li.thisclass{
    border: #ddd solid 1px;
    border-right: solid 1px #fff;
    background-color: #fff;
    border-left: solid 2px #fa9524;
    color: #fa9524;
    margin-left: 8px;
    margin-right: -1px;
}.mem_leftmenu ul li.thisclass a{color: #fa9524;}

.mem_rightmain{
    margin-top: 10px;
    padding-top: 8px;
    float: right;
    font-size: 14px;color: #333;
    width: 960px;
    padding-left: 10px;
    line-height: 1.8;
    background-color: #fff;
    border: solid 1px #ddd;
    position: relative;
    min-height: 390px;
}
.fred{
    color: #942a25;
}
.czann{
    display: inline-block;
    padding: 3px 10px;
    border-radius: 2px;
    margin-left: 12px;
    color: #fff;
    background-color: #ef3f52;
}

.czann_green{
    display: inline-block;
    padding: 3px 10px;
    border-radius: 2px;
    margin-left: 12px;
    color: #fff;
    background-color: #4a993e;
}

.charg_card_list ul li{
    display: inline-block;
    width: 282px;
    height: 180px;
    border-radius: 6px;
    margin-left: 10px;
    margin-top: 8px;
    padding: 8px;
    color: #333;
    cursor: pointer;
    opacity: 0.9;
    position: relative;
    overflow: hidden;
    border: solid 1px #ddd;
    background-color: #fff;
}
.charg_card_list ul li:hover{
    border-color: #666;
    box-shadow: 0 1px 3px #aaa;
}

.charg_card_list ul li i
{
    position: absolute;
    width: 80px;
    height: 20px;
    font-style: normal;
    padding: 3px;
    text-align: center;
    line-height: 20px;
    transform:rotate(-45deg);
    left: -23px;
    top: 6px;
    background-color: #ff0000;
    color: #f0fbff;
}

.charg_card_list ul li.thisclass{
    opacity: 1;
    box-shadow: 0 3px 8px #fa9a35;
    border-color: #fa9a35;
}


.charg_card_list dl{
    text-align: center;
    margin-top: 0px;
}
.charg_card_list dd{
    font-size: 30px;
}
.charg_card_list dd span{
    display: block;
    font-size: 16px;
}
.charg_card_list dt{
    margin-top: 10px;
    font-family: SanFranciscoDisplay;
    text-align: center;
    font-size: 50px;
    color: #ef3f52;
}

.zhifufangshi{

    background-color: rgba(255,255,255,0.2);
    padding: 10px 20px;

    margin: 16px 14px 0 9px;
    border-radius: 3px;
    padding-bottom: 20px;

}

.mem_zhifutype{
    background-repeat: no-repeat;
    background-position: center center;
    width: 200px;
    height: 60px;
    display: inline-block;
    margin-left: 12px;
    cursor: pointer;
    margin-top: 20px;
}

span.zfxann{
    padding: 3px 10px;
    background-color: #ef3f52;
    color: #f0fbff;
    font-size: 12px;
    cursor: pointer;
    border-radius: 2px;
}
span.zfxann2{
    padding: 6px 16px 6px 16px;
    background-color: #F15F6D;
    color: #fff;
    border: solid 1px #E11327;
    border-bottom: solid 3px #BC1021;
    font-size: 26px;
    cursor: pointer;
    border-radius: 6px;
}
span.zfxann2:hover{
    background-color: #E11327;
}


.zfydwt div{
    width: 200px;
    height: 90px;
    position: absolute;display: none; box-shadow: 0 3px 8px #666;top:0;background: #fff;right: 26px;border-radius:3px;padding: 10px;line-height: 1.8;text-align: center;
}
.zfydwt:hover div{
    display: block;
}

.bangdingmobile{
    margin: 10px 0;
    margin-top: 20px;
    padding-top: 10px;
}
.number-i{
    font-size: 22px;
    border: solid 1px #ddd;
    background-color: #fff;
    padding: 6px 12px;
    font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    border-radius: 2px;
    text-align: center;
}
.send_enable{
    border: solid 1px #9ad717;
    padding: 10px 12px;
    border-radius: 2px;
    background: linear-gradient(to top,#4a993e,#9ad717);
    color: #f0fbff;
}
.send_disable{
    padding: 10px 12px;
    border: 1px solid #999;
    background: #ddd;
    color: #666;
}